<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <base href="http://markdown.p2hp.com/getting-started/" />

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-102240749-1"></script> -->
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

      gtag("config", "UA-102240749-1");
    </script>

    <meta charset="utf-8" />
    <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
    <link
      rel="apple-touch-icon"
      sizes="180x180"
      href="../assets/favicons/apple-touch-icon.png"
    />
    <link
      rel="mask-icon"
      href="../assets/favicons/safari-pinned-tab.svg"
      color="#5bbad5"
    />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <title>Markdown入门 | Markdown 中文网</title>

    <meta
      name="description"
      content="An overview of Markdown, how it works, and what you can do with it."
    />
    <meta content="Matt Cone and contributors" name="author" />
    <meta
      name="keywords"
      content="Markdown, Markdown language, Markdown syntax, Markdown guide, Markdown cheatsheet, Markdown help, Markdown tutorial"
    />
    <meta name="twitter:card" content="summary" />
    <meta property="og:type" content="website" />
    <meta
      property="og:url"
      content="http://markdown.p2hp.com/getting-started/"
    />
    <meta property="og:title" content="Markdown入门 | Markdown 中文网" />
    <meta
      property="og:description"
      content="An overview of Markdown, how it works, and what you can do with it."
    />
    <meta
      property="og:image"
      content="http://markdown.p2hp.com/assets/images/markdown-guide-og.jpg"
    />

    <meta name="HandheldFriendly" content="True" />
    <meta name="MobileOptimized" content="320" />

    <link
      rel="stylesheet"
      href="https://d33wubrfki0l68.cloudfront.net/bundles/2cc5944412d3c5855eb1f26f2dc9a339c6170fff.css"
    />

    <link rel="canonical" href="index.html" />

    <script src="https://d33wubrfki0l68.cloudfront.net/bundles/2c5110a7ae8f1f020352b27cb55a6d475561dbe9.js"></script>
    <script
      defer
      src="https://d33wubrfki0l68.cloudfront.net/bundles/1066bc339a3beded5f6c4279870b406c047460fe.js"
    ></script>
    <script
      async
      src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4638549725433695"
      crossorigin="anonymous"
    ></script>
    <script src="//www.p2hp.com/tj.js"></script>
  </head>

  <body data-spy="scroll" data-target="#toc">
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark mdg-nav">
      <div class="container">
        <a
          class="navbar-brand"
          href="../index.html"
          style="margin-top: 2px; margin-bottom: 3px"
        >
          <img
            src="https://d33wubrfki0l68.cloudfront.net/f1f475a6fda1c2c4be4cac04033db5c3293032b4/513a4/assets/images/markdown-mark-white.svg"
            height="23"
            class="d-inline-block align-top"
            alt=""
            style="margin-top: 4px; padding-right: 10px"
          />
          Markdown 中文网
        </a>
        <button
          class="navbar-toggler"
          type="button"
          data-toggle="collapse"
          data-target="#navbarNavAltMarkup"
          aria-controls="navbarNavAltMarkup"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <span class="navbar-toggler-icon"></span>
        </button>
        <div
          class="collapse navbar-collapse"
          id="navbarNavAltMarkup"
          style="margin-top: 2px"
        >
          <div class="navbar-nav">
            <a class="nav-item nav-link active" href="../getting-started"
              >Markdown入门</a
            >
            <a class="nav-item nav-link" href="../cheat-sheet">备忘表</a>
            <a class="nav-item nav-link" href="../basic-syntax"
              >Markdown基本语法</a
            >
            <a class="nav-item nav-link" href="../extended-syntax"
              >Markdown扩展语法</a
            >
            <a class="nav-item nav-link" href="../tools">工具</a>
            <a class="nav-item nav-link" href="../book">书</a>
          </div>
        </div>
        <!-- <form class="form-inline d-none d-lg-inline-block mt-2 mt-md-0">
      <input type="text" class="form-control" id="search-input" placeholder="Search" style="margin-top:0">
    </form> -->
      </div>
    </nav>

    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron">
      <div class="container">
        <h1 class="no-anchor" data-toc-skip>Markdown入门</h1>
        <p>Markdown概述, 它是如何工作的, 以及你可以用它做什么。</p>
      </div>
    </div>

    <div class="container">
      <div class="row row-offcanvas row-offcanvas-right">
        <div class="col-xs-12 col-sm-12 col-md-9">
          <h2 id="whats-markdown">
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >MarkDown是什么？</font
              ></font
            ><a
              class="anchorjs-link"
              aria-label="锚"
              data-anchorjs-icon=""
              href="#whats-markdown"
              style="font: 1em/1 anchorjs-icons; padding-left: 0.375em"
            ></a>
          </h2>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >Markdown是一种轻量级的标记语言，可用于将格式设置元素添加到纯文本文档中。</font
              ><font style="vertical-align: inherit">Markdown </font
              ><font style="vertical-align: inherit">由</font></font
            ><a href="https://daringfireball.net/projects/markdown/"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">John Gruber</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">于2004年</font
              ><font style="vertical-align: inherit">创建，</font
              ><font style="vertical-align: inherit"
                >如今已成为世界上最受欢迎的标记语言之一。</font
              ></font
            >
          </p>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >使用Markdown与使用</font
              ></font
            ><a href="https://en.wikipedia.org/wiki/WYSIWYG"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">WYSIWYG</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">编辑器不同。</font
              ><font style="vertical-align: inherit"
                >在Microsoft
                Word之类的应用程序中，单击按钮以设置单词和短语的格式，更改立即可见。</font
              ><font style="vertical-align: inherit">Markdown不是那样的。</font
              ><font style="vertical-align: inherit"
                >当您创建Markdown格式的文件时，可以在文本中添加Markdown语法，以指示哪些单词和短语看起来应该有所不同。</font
              ></font
            >
          </p>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >例如，要表示标题，请在其前面添加一个数字符号（例如</font
              ></font
            ><code class="highlighter-rouge"># Heading One</code
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">）。</font
              ><font style="vertical-align: inherit"
                >或将短语加粗，可在其前后添加两个星号（例如</font
              ></font
            ><code class="highlighter-rouge">**this text is bold**</code
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">）。</font
              ><font style="vertical-align: inherit"
                >可能需要一段时间才能习惯于在文本中看到Markdown语法，特别是如果您习惯于所见即所得的应用程序。</font
              ><font style="vertical-align: inherit"
                >下面的屏幕截图显示了</font
              ></font
            ><a href="https://atom.io"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >Atom文本编辑器</font
                ></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">中显示的Markdown文件</font
              ><font style="vertical-align: inherit">。</font></font
            >
          </p>

          <div style="text-align: center; margin: 30px 0">
            <img
              src="https://d33wubrfki0l68.cloudfront.net/722f0d393d543949f94038accfbb3887ba9c318b/f6fc0/assets/images/atom.png"
              class="img-fluid"
              alt="Atom文本编辑器中的Markdown文件"
            />
          </div>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >您可以使用文本编辑器应用程序将Markdown格式元素添加到纯文本文件。</font
              ><font style="vertical-align: inherit"
                >或者，您可以将多种Markdown应用程序之一用于macOS，Windows，Linux，iOS和Android操作系统。</font
              ><font style="vertical-align: inherit"
                >还有一些基于Web的应用程序专门用于Markdown编写。</font
              ></font
            >
          </p>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >根据您使用的应用程序，您可能无法实时预览格式化的文档。</font
              ><font style="vertical-align: inherit">但这没关系。</font></font
            ><a href="http://daringfireball.net/projects/markdown/"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >根据Gruber的说法</font
                ></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >，Markdown语法被设计为可读性强且不显眼，因此即使未呈现Markdown文件中的文本也可以读取。</font
              ></font
            >
          </p>

          <blockquote>
            <p>
              <font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >Markdown格式化语法的首要设计目标是使其更具可读性。</font
                ><font style="vertical-align: inherit"
                  >这个想法是Markdown格式的文档应该以纯文本的形式原样发布，而不会看起来像被标签或格式说明所标记。</font
                ></font
              >
            </p>
          </blockquote>

          <h2 id="why-use-markdown">
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >为什么要使用Markdown？</font
              ></font
            ><a
              class="anchorjs-link"
              aria-label="锚"
              data-anchorjs-icon=""
              href="#why-use-markdown"
              style="font: 1em/1 anchorjs-icons; padding-left: 0.375em"
            ></a>
          </h2>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >您可能想知道为什么人们使用Markdown而不是WYSIWYG编辑器。</font
              ><font style="vertical-align: inherit"
                >当您可以按下界面中的按钮来设置文本格式时，为什么还要使用Markdown书写？</font
              ><font style="vertical-align: inherit"
                >事实证明，人们使用Markdown而不是WYSIWYG编辑器的原因有两个。</font
              ></font
            >
          </p>

          <ul>
            <li>
              <p>
                <font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >Markdown可以用于一切。</font
                  ><font style="vertical-align: inherit"
                    >人们使用它来创建</font
                  ></font
                ><a href="index.html#websites"
                  ><font style="vertical-align: inherit"
                    ><font style="vertical-align: inherit">网站</font></font
                  ></a
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">，</font></font
                ><a href="index.html#documents"
                  ><font style="vertical-align: inherit"
                    ><font style="vertical-align: inherit">文档</font></font
                  ></a
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">，</font></font
                ><a href="index.html#notes"
                  ><font style="vertical-align: inherit"
                    ><font style="vertical-align: inherit">便笺</font></font
                  ></a
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">，</font></font
                ><a href="index.html#books"
                  ><font style="vertical-align: inherit"
                    ><font style="vertical-align: inherit">书籍</font></font
                  ></a
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">，</font></font
                ><a href="index.html#presentations"
                  ><font style="vertical-align: inherit"
                    ><font style="vertical-align: inherit">演示文稿</font></font
                  ></a
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">，</font></font
                ><a href="index.html#email"
                  ><font style="vertical-align: inherit"
                    ><font style="vertical-align: inherit">电子邮件</font></font
                  ></a
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">和</font></font
                ><a href="index.html#documentation"
                  ><font style="vertical-align: inherit"
                    ><font style="vertical-align: inherit">技术文档</font></font
                  ></a
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">。</font></font
                >
              </p>
            </li>
            <li>
              <p>
                <font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >Markdown是便携式的。</font
                  ><font style="vertical-align: inherit"
                    >几乎可以使用任何应用程序打开包含Markdown格式文本的文件。</font
                  ><font style="vertical-align: inherit"
                    >如果您决定不喜欢当前使用的Markdown应用程序，则可以将Markdown文件导入另一个Markdown应用程序。</font
                  ><font style="vertical-align: inherit"
                    >这与Microsoft
                    Word等文字处理应用程序形成了鲜明的对比，Microsoft
                    Word将文字内容锁定为专有文件格式。</font
                  ></font
                >
              </p>
            </li>
            <li>
              <p>
                <font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >Markdown是独立于平台的。</font
                  ><font style="vertical-align: inherit"
                    >您可以在运行任何操作系统的任何设备上创建Markdown格式的文本。</font
                  ></font
                >
              </p>
            </li>
            <li>
              <p>
                <font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >MarkDown是未来的证明。</font
                  ><font style="vertical-align: inherit"
                    >即使您正在使用的应用程序将来会在某个时候停止工作，您仍然可以使用文本编辑应用程序读取Markdown格式的文本。</font
                  ><font style="vertical-align: inherit"
                    >当涉及需要无限期保存的书籍，大学论文和其他里程碑文件时，这是一个重要的考虑因素。</font
                  ></font
                >
              </p>
            </li>
            <li>
              <p>
                <font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >Markdown无处不在。</font
                  ><font style="vertical-align: inherit"
                    >Reddit和GitHub等网站都支持Markdown，许多桌面和基于Web的应用程序都支持它。</font
                  ></font
                >
              </p>
            </li>
          </ul>

          <h2 id="kicking-the-tires">
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">开始尝试 </font></font
            ><a
              class="anchorjs-link"
              aria-label="锚"
              data-anchorjs-icon=""
              href="#kicking-the-tires"
              style="font: 1em/1 anchorjs-icons; padding-left: 0.375em"
            ></a>
          </h2>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >Markdown入门的最佳方法是使用它。</font
              ><font style="vertical-align: inherit"
                >有了各种免费工具，这比以往任何时候都容易。</font
              ></font
            >
          </p>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >您甚至都不需要下载任何内容。</font
              ><font style="vertical-align: inherit"
                >您可以使用几种在线Markdown编辑器来尝试在Markdown中编写。</font
              ></font
            ><a href="https://dillinger.io/"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">Dillinger</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >是最好的在线Markdown编辑器之一。</font
              ><font style="vertical-align: inherit"
                >只需打开站点并开始在左窗格中输入即可。</font
              ><font style="vertical-align: inherit"
                >呈现的文档的预览出现在右窗格中。</font
              ></font
            >
          </p>

          <p>
            <img
              src="https://d33wubrfki0l68.cloudfront.net/541d89b49cfeb577c7ba61491899adeac8bdf4d0/2826b/assets/images/dillinger.png"
              class="img-fluid"
              alt="Dillinger Markdown编辑"
            />
          </p>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >阅读本指南时，您可能希望保持Dillinger网站的打开状态。</font
              ><font style="vertical-align: inherit"
                >这样，您就可以在学习语法时尝试使用它。</font
              ><font style="vertical-align: inherit"
                >熟悉Markdown之后，您可能想使用可以安装在台式计算机或移动设备上的Markdown应用程序。</font
              ></font
            >
          </p>

          <h2 id="how-does-it-work">
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >它是如何工作的？</font
              ></font
            ><a
              class="anchorjs-link"
              aria-label="锚"
              data-anchorjs-icon=""
              href="#how-does-it-work"
              style="font: 1em/1 anchorjs-icons; padding-left: 0.375em"
            ></a>
          </h2>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >Dillinger使Markdown的编写变得容易，因为它隐藏了幕后发生的事情，但是值得探索该过程的总体工作方式。</font
              ></font
            >
          </p>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >在Markdown中书写时，文本存储在带有</font
              ></font
            ><code class="highlighter-rouge">.md</code
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">或</font></font
            ><code class="highlighter-rouge">.markdown</code
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">扩展名</font
              ><font style="vertical-align: inherit">的纯文本文件中</font
              ><font style="vertical-align: inherit">。</font
              ><font style="vertical-align: inherit">但是那又怎样呢？</font
              ><font style="vertical-align: inherit"
                >您的Markdown格式的文件如何转换为HTML或可打印的文档？</font
              ></font
            >
          </p>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >简短的答案是，您需要一个</font
              ><font style="vertical-align: inherit">能够处理Markdown文件</font
              ><font style="vertical-align: inherit">的</font></font
            ><em
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >Markdown应用程序</font
                ></font
              ></em
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">。</font
              ><font style="vertical-align: inherit"
                >有许多应用程序可用—从简单脚本到类似于Microsoft
                Word的桌面应用程序，应有尽有。</font
              ><font style="vertical-align: inherit"
                >尽管它们在视觉上有所不同，但所有应用程序都执行相同的操作。</font
              ><font style="vertical-align: inherit"
                >像Dillinger一样，它们都将Markdown格式的文本转换为HTML，以便可以在Web浏览器中显示。</font
              ></font
            >
          </p>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >Markdown应用程序使用一种称为</font
              ></font
            ><em
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >Markdown处理器</font
                ></font
              ></em
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >（也通常称为“解析器”或“实现”）的东西来获取Markdown格式的文本并将其输出为HTML格式。</font
              ><font style="vertical-align: inherit"
                >此时，可以在Web浏览器中查看您的文档，或者将其与样式表组合并打印。</font
              ><font style="vertical-align: inherit"
                >您可以在下面看到此过程的直观表示。</font
              ></font
            >
          </p>

          <div class="alert alert-info">
            <svg
              class="svg-inline--fa fa-info-circle fa-w-16"
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="info-circle"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              data-fa-i2svg=""
            >
              <path
                fill="currentColor"
                d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
              ></path></svg
            ><!-- <i class="fas fa-info-circle"></i> -->
            <strong
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">注意：</font></font
              ></strong
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">
                Markdown应用程序和处理器是两个单独的组件。</font
              ><font style="vertical-align: inherit"
                >为了简洁起见，在下图中，我将它们组合为一个元素（“
                Markdown应用程序”）。
              </font></font
            >
          </div>

          <div style="text-align: center; margin: 30px 0">
            <img
              src="https://d33wubrfki0l68.cloudfront.net/75cdd78aba218a9abbfe91d2ba2cf540a7502d8c/553fa/assets/images/process.png"
              class="img-fluid"
              alt="减价过程"
            />
          </div>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >总而言之，这是一个四部分的过程：</font
              ></font
            >
          </p>

          <ol>
            <li>
              <font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >使用文本编辑器或专用的Markdown应用程序创建Markdown文件。</font
                ><font style="vertical-align: inherit">该文件应带有</font></font
              ><code class="highlighter-rouge">.md</code
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">或</font></font
              ><code class="highlighter-rouge">.markdown</code
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">扩展名。</font></font
              >
            </li>
            <li>
              <font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >在Markdown应用程序中打开Markdown文件。</font
                ></font
              >
            </li>
            <li>
              <font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >使用Markdown应用程序将Markdown文件转换为HTML文档。</font
                ></font
              >
            </li>
            <li>
              <font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >在网络浏览器中查看HTML文件，或使用Markdown应用程序将其转换为其他文件格式，例如PDF。</font
                ></font
              >
            </li>
          </ol>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >从您的角度来看，该过程将根据您使用的应用程序而有所不同。</font
              ><font style="vertical-align: inherit"
                >例如，Dillinger本质上将第1-3步组合到一个无缝的界面中，您要做的就是在左窗格中键入内容，并且呈现的输出神奇地出现在右窗格中。</font
              ><font style="vertical-align: inherit"
                >但是，如果您使用其他工具（例如带有静态网站生成器的文本编辑器），则会发现该过程更为可见。</font
              ></font
            >
          </p>

          <h2 id="whats-markdown-good-for">
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >Markdown有什么用处？</font
              ></font
            ><a
              class="anchorjs-link"
              aria-label="锚"
              data-anchorjs-icon=""
              href="#whats-markdown-good-for"
              style="font: 1em/1 anchorjs-icons; padding-left: 0.375em"
            ></a>
          </h2>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >Markdown是记笔记，为网站创建内容以及生成可打印文档的快速简便的方法。</font
              ></font
            >
          </p>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >学习Markdown语法并不需要很长时间，一旦您知道如何使用它，就可以在几乎所有地方使用Markdown进行编写。</font
              ><font style="vertical-align: inherit"
                >大多数人都使用Markdown来创建Web内容，但是Markdown可以很好地格式化从电子邮件到购物清单的所有内容。</font
              ></font
            >
          </p>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >这是您可以使用Markdown进行操作的一些示例。</font
              ></font
            >
          </p>

          <h3 id="websites">
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">网站</font></font
            ><a
              class="anchorjs-link"
              aria-label="锚"
              data-anchorjs-icon=""
              href="#websites"
              style="font: 1em/1 anchorjs-icons; padding-left: 0.375em"
            ></a>
          </h3>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >Markdown是为网络设计的，因此，有很多专门用于创建网站内容的应用程序不足为奇。</font
              ></font
            >
          </p>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >如果您正在寻找使用Markdown文件创建网站的最简单方法，请查看</font
              ></font
            ><a href="https://blot.im"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">blot.im</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">和</font></font
            ><a href="https://smallvictori.es"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >smallvictori.es</font
                ></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">。</font
              ><font style="vertical-align: inherit"
                >在您注册这些服务之一之后，它们将在您的计算机上创建一个Dropbox文件夹。</font
              ><font style="vertical-align: inherit"
                >只需将Markdown文件拖放到该文件夹&#8203;&#8203;中，然后-po！</font
              ><font style="vertical-align: inherit">-它们在您的网站上。</font
              ><font style="vertical-align: inherit">再简单不过了。</font></font
            >
          </p>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >如果您熟悉HTML，CSS和版本控制，请查看</font
              ></font
            ><a href="../tools/jekyll/index.html"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">Jekyll</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >，这是一个受欢迎的静态网站生成器，它使用Markdown文件并构建HTML网站。</font
              ><font style="vertical-align: inherit"
                >这种方法的优势之一是</font
              ></font
            ><a href="../tools/github-pages/index.html"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">GitHub Pages</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >为Jekyll生成的网站提供免费托管。</font
              ><font style="vertical-align: inherit"
                >如果Jekyll不是您的理想之选，请选择</font
              ></font
            ><a href="https://www.staticgen.com/"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >其他可用的静态站点生成器之一</font
                ></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">。</font></font
            >
          </p>

          <div class="alert alert-info">
            <svg
              class="svg-inline--fa fa-info-circle fa-w-16"
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="info-circle"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              data-fa-i2svg=""
            >
              <path
                fill="currentColor"
                d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
              ></path></svg
            ><!-- <i class="fas fa-info-circle"></i> -->
            <strong
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">注意：</font></font
              ></strong
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >我使用Jekyll来创建《</font
              ></font
            ><i
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >MarkDown指南》</font
                ></font
              ></i
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">。</font
              ><font style="vertical-align: inherit">您可以在</font></font
            ><a href="https://github.com/mattcone/markdown-guide"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">GitHub上</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">查看源代码</font
              ><font style="vertical-align: inherit">。 </font></font
            >
          </div>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >如果您想使用内容管理系统（CMS）来为网站提供动力，请查看</font
              ></font
            ><a href="https://ghost.org/"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">Ghost</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">。</font
              ><font style="vertical-align: inherit"
                >这是一个免费的开源博客平台，具有出色的Markdown编辑器。</font
              ><font style="vertical-align: inherit"
                >如果您是WordPress用户，您将很高兴知道</font
              ><font style="vertical-align: inherit"
                >WordPress.com上托管的网站</font
              ><font style="vertical-align: inherit">有</font></font
            ><a href="https://en.support.wordpress.com/markdown/"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">Markdown支持</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">。</font
              ><font style="vertical-align: inherit"
                >自托管的WordPress网站可以使用</font
              ></font
            ><a href="https://jetpack.com/support/markdown/"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">Jetpack插件</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">。</font></font
            >
          </p>

          <h3 id="documents">
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">文件资料</font></font
            ><a
              class="anchorjs-link"
              aria-label="锚"
              data-anchorjs-icon=""
              href="#documents"
              style="font: 1em/1 anchorjs-icons; padding-left: 0.375em"
            ></a>
          </h3>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >Markdown没有像Microsoft
                Word这样的文字处理程序的所有功能，但是对于创建基本文件（如作业和字母）已经足够了。</font
              ><font style="vertical-align: inherit"
                >您可以使用Markdown文档创作应用程序来创建Markdown格式的文档并将其导出为PDF或HTML文件格式。</font
              ><font style="vertical-align: inherit"
                >PDF部分是关键，因为一旦有了PDF文档，您就可以使用它进行任何操作-打印，通过电子邮件发送或将其上传到网站。</font
              ></font
            >
          </p>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >这是我推荐的一些Markdown文档创作应用程序：</font
              ></font
            >
          </p>

          <ul>
            <li>
              <strong
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">Mac：</font></font
                ></strong
              >
              <a href="../tools/macdown/index.html"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">MacDown</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">，</font></font
              ><a href="../tools/ia-writer/index.html"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">iA Writer</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">或</font></font
              ><a href="https://marked2app.com/"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">Marked</font></font
                ></a
              >
            </li>
            <li>
              <strong
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >iOS / Android：</font
                  ></font
                ></strong
              >
              <a href="../tools/ia-writer/index.html"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">iA Writer</font></font
                ></a
              >
            </li>
            <li>
              <strong
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">Windows：</font></font
                ></strong
              >
              <a href="https://wereturtle.github.io/ghostwriter/"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >Ghostwriter</font
                  ></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">或</font></font
              ><a href="https://markdownmonster.west-wind.com/"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >Markdown Monster</font
                  ></font
                ></a
              >
            </li>
            <li>
              <strong
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >Linux操作系统：</font
                  ></font
                ></strong
              >
              <a href="https://github.com/retext-project/retext"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">ReText</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">或</font></font
              ><a href="https://wereturtle.github.io/ghostwriter/"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">代笔</font></font
                ></a
              >
            </li>
            <li>
              <strong
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">网址：</font></font
                ></strong
              >
              <a href="../tools/dillinger/index.html"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">Dillinger</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">或</font></font
              ><a href="../tools/stackedit/index.html"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">StackEdit</font></font
                ></a
              >
            </li>
          </ul>

          <div class="alert alert-success">
            <svg
              class="svg-inline--fa fa-lightbulb fa-w-11"
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="lightbulb"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 352 512"
              data-fa-i2svg=""
            >
              <path
                fill="currentColor"
                d="M96.06 454.35c.01 6.29 1.87 12.45 5.36 17.69l17.09 25.69a31.99 31.99 0 0 0 26.64 14.28h61.71a31.99 31.99 0 0 0 26.64-14.28l17.09-25.69a31.989 31.989 0 0 0 5.36-17.69l.04-38.35H96.01l.05 38.35zM0 176c0 44.37 16.45 84.85 43.56 115.78 16.52 18.85 42.36 58.23 52.21 91.45.04.26.07.52.11.78h160.24c.04-.26.07-.51.11-.78 9.85-33.22 35.69-72.6 52.21-91.45C335.55 260.85 352 220.37 352 176 352 78.61 272.91-.3 175.45 0 73.44.31 0 82.97 0 176zm176-80c-44.11 0-80 35.89-80 80 0 8.84-7.16 16-16 16s-16-7.16-16-16c0-61.76 50.24-112 112-112 8.84 0 16 7.16 16 16s-7.16 16-16 16z"
              ></path></svg
            ><!-- <i class="fas fa-lightbulb"></i> -->
            <strong
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">提示：</font></font
              ></strong
            >
            <a href="https://ia.net/writer/templates/"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">iA Writer</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >提供了用于预览，打印和导出Markdown格式的文档的模板。</font
              ><font style="vertical-align: inherit"
                >例如，“ Academic – MLA样式”模板使段落缩进并添加双句间距。
              </font></font
            >
          </div>

          <h3 id="notes">
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">笔记</font></font
            ><a
              class="anchorjs-link"
              aria-label="锚"
              data-anchorjs-icon=""
              href="#notes"
              style="font: 1em/1 anchorjs-icons; padding-left: 0.375em"
            ></a>
          </h3>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >在几乎所有方面，Markdown都是记笔记的理想语法。</font
              ><font style="vertical-align: inherit">不幸的是，</font
              ><font style="vertical-align: inherit"
                >两个最受欢迎的笔记应用程序</font
              ></font
            ><a href="https://evernote.com/"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">Evernote</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">和</font></font
            ><a href="https://www.onenote.com/"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">OneNote</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">当前不支持Markdown。</font
              ><font style="vertical-align: inherit"
                >好消息是，其他一些笔记应用程序</font
              ></font
            ><em
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">也</font></font
              ></em
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">支持Markdown：</font></font
            >
          </p>

          <ul>
            <li>
              <a href="../tools/simplenote/index.html"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">Simplenote</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >是适用于每个平台的免费的准系统笔记应用程序。</font
                ></font
              >
            </li>
            <li>
              <a href="../tools/notable/index.html"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">值得注意的</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >是可以在各种平台上运行的笔记应用程序。</font
                ></font
              >
            </li>
            <li>
              <a href="../tools/bear/index.html"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">熊</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >是适用于Mac和iOS设备的类似Evernote的应用程序。</font
                ><font style="vertical-align: inherit"
                  >默认情况下，它并不专门使用Markdown，但是您可以启用Markdown兼容模式。</font
                ></font
              >
            </li>
            <li>
              <a href="../tools/boostnote/index.html"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">Boostnote</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >自称是“专为程序员设计的开源笔记应用程序”。</font
                ></font
              >
            </li>
          </ul>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >如果您不能退出Evernote，请查看Evernote </font
              ><font style="vertical-align: inherit"
                >的基于订阅的Markdown编辑器</font
              ></font
            ><a href="https://marxi.co/"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">Marxico</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">，或</font
              ><font style="vertical-align: inherit">在Evernote网站上</font
              ><font style="vertical-align: inherit">使用</font></font
            ><a href="../tools/markdown-here/index.html"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >Markdown Here</font
                ></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">。</font></font
            >
          </p>

          <h3 id="books">
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">图书</font></font
            ><a
              class="anchorjs-link"
              aria-label="锚"
              data-anchorjs-icon=""
              href="#books"
              style="font: 1em/1 anchorjs-icons; padding-left: 0.375em"
            ></a>
          </h3>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">想要自行出版小说？</font
              ><font style="vertical-align: inherit">尝试使用</font></font
            ><a href="https://leanpub.com/"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">Leanpub</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >，该服务可将您的Markdown格式的文件转换为电子书。</font
              ><font style="vertical-align: inherit"
                >Leanpub以PDF，EPUB和MOBI文件格式输出您的图书。</font
              ><font style="vertical-align: inherit"
                >如果您要创建书籍的平装本，可以将PDF文件上传到</font
              ></font
            ><a href="https://kdp.amazon.com"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >Kindle Direct Publishing</font
                ></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">等其他服务</font
              ><font style="vertical-align: inherit">。</font
              ><font style="vertical-align: inherit"
                >要了解有关使用Markdown编写和自行出版书籍的更多信息，请阅读</font
              ></font
            ><a
              href="https://medium.com/techspiration-ideas-making-it-happen/how-i-wrote-and-published-my-novel-using-only-open-source-tools-5cdfbd7c00ca"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">此博客文章</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">。</font></font
            >
          </p>

          <h3 id="presentations">
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">简报</font></font
            ><a
              class="anchorjs-link"
              aria-label="锚"
              data-anchorjs-icon=""
              href="#presentations"
              style="font: 1em/1 anchorjs-icons; padding-left: 0.375em"
            ></a>
          </h3>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >信不信由你，您可以从Markdown格式的文件生成演示文稿。</font
              ><font style="vertical-align: inherit"
                >在Markdown中创建演示文稿需要一点时间来适应，但是一旦掌握了它，它比使用PowerPoint或Keynote之类的应用程序更快，更容易。</font
              ></font
            ><a href="https://remarkjs.com"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">Remark</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">（</font></font
            ><a href="https://github.com/gnab/remark"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">GitHub项目</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">）和</font></font
            ><a href="https://jdan.github.io/cleaver/"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">Cleaver</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">（</font></font
            ><a href="https://github.com/jdan/cleaver"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">GitHub项目</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">）</font
              ><font style="vertical-align: inherit"
                >一样，是一种基于浏览器的流行Markdown幻灯片工具</font
              ><font style="vertical-align: inherit">。</font
              ><font style="vertical-align: inherit"
                >如果您使用的是Mac，并且希望使用某个应用程序，请查看</font
              ></font
            ><a href="https://www.decksetapp.com/"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">Deckset</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">或</font></font
            ><a href="https://marked2app.com/"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">Marked</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">。</font></font
            >
          </p>

          <h3 id="email">
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">电子邮件</font></font
            ><a
              class="anchorjs-link"
              aria-label="锚"
              data-anchorjs-icon=""
              href="#email"
              style="font: 1em/1 anchorjs-icons; padding-left: 0.375em"
            ></a>
          </h3>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >如果您发送大量电子邮件，并且对大多数电子邮件提供商网站上可用的格式设置控件感到厌倦，那么您将很高兴地发现有一种使用Markdown编写电子邮件的简便方法。</font
              ></font
            ><a href="../tools/markdown-here/index.html"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">Markdown这</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >是一个免费的开放源代码浏览器扩展程序，可将Markdown格式的文本转换为可发送的HTML。</font
              ></font
            >
          </p>

          <h3 id="documentation">
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">文献资料</font></font
            ><a
              class="anchorjs-link"
              aria-label="锚"
              data-anchorjs-icon=""
              href="#documentation"
              style="font: 1em/1 anchorjs-icons; padding-left: 0.375em"
            ></a>
          </h3>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >Markdown非常适合技术文档。</font
              ><font style="vertical-align: inherit"
                >像GitHub这样的公司越来越多地转向Markdown来获取其文档-请查看其</font
              ></font
            ><a
              href="https://github.com/blog/1939-how-github-uses-github-to-document-github"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">博客文章，</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >了解如何将其Markdown格式的文档迁移到</font
              ></font
            ><a href="../tools/jekyll/index.html"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">Jekyll</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">。</font
              ><font style="vertical-align: inherit"
                >如果您编写产品或服务的文档，请查看以下便捷工具：</font
              ></font
            >
          </p>

          <ul>
            <li>
              <a href="https://readthedocs.org"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">阅读文档</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >可以从您的开源Markdown文件生成文档网站。</font
                ><font style="vertical-align: inherit"
                  >只需将您的GitHub存储库连接到他们的服务并进行推送-阅读文档即可完成其余工作。</font
                ><font style="vertical-align: inherit">他们还</font></font
              ><a href="https://readthedocs.com/"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >为商业实体提供服务</font
                  ></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">。</font></font
              >
            </li>
            <li>
              <a href="https://www.mkdocs.org/"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">MkDocs</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >是一种快速简单的静态站点生成器，专门用于构建项目文档。</font
                ><font style="vertical-align: inherit"
                  >文档源文件使用Markdown编写，并使用单个YAML配置文件进行配置。</font
                ><font style="vertical-align: inherit"
                  >MkDocs具有多个</font
                ></font
              ><a href="https://www.mkdocs.org/user-guide/styling-your-docs/"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">内置主题</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">，包括</font
                ><font style="vertical-align: inherit">与MkDocs一起使用</font
                ><font style="vertical-align: inherit">的</font></font
              ><a href="https://readthedocs.org/"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >Read the Docs</font
                  ></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">文档主题的端口。</font
                ><font style="vertical-align: inherit"
                  >最新主题之一是</font
                ></font
              ><a href="https://squidfunk.github.io/mkdocs-material/"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >MkDocs Material</font
                  ></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">。</font></font
              >
            </li>
            <li>
              <a href="../tools/docusaurus/index.html"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">Docusaurus</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >是一个静态网站生成器，专门用于创建文档网站。</font
                ><font style="vertical-align: inherit"
                  >它支持翻译，搜索和版本控制。</font
                ></font
              >
            </li>
            <li>
              <a href="https://vuepress.vuejs.org/"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">VuePress</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">是由</font></font
              ><a href="https://vuejs.org/"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">Vue</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >提供支持的静态站点生成器，</font
                ><font style="vertical-align: inherit"
                  >并针对编写技术文档进行了优化。</font
                ></font
              >
            </li>
            <li>
              <a href="../tools/jekyll/index.html"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">Jekyll</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >在网站上的该部分中前面提到过，但是它也是从Markdown文件生成文档网站的一个不错的选择。</font
                ><font style="vertical-align: inherit"
                  >如果您走这条路，请务必查看</font
                ></font
              ><a
                href="https://idratherbewriting.com/documentation-theme-jekyll/"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >Jekyll文档主题</font
                  ></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">。</font></font
              >
            </li>
          </ul>

          <h2 id="flavors-of-markdown">
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">MarkDown的味道</font></font
            ><a
              class="anchorjs-link"
              aria-label="锚"
              data-anchorjs-icon=""
              href="#flavors-of-markdown"
              style="font: 1em/1 anchorjs-icons; padding-left: 0.375em"
            ></a>
          </h2>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >使用Markdown的最令人困惑的方面之一是，实际上每个Markdown应用程序都实现了稍有不同的Markdown版本。</font
              ><font style="vertical-align: inherit"
                >Markdown的这些变体通常称为</font
              ></font
            ><em
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">口味</font></font
              ></em
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">。</font
              ><font style="vertical-align: inherit"
                >掌握应用程序实现的Markdown风格是您的工作。</font
              ></font
            >
          </p>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >为了让您了解Markdown风味的概念，将其视为语言方言可能会有所帮助。</font
              ><font style="vertical-align: inherit"
                >华雷斯城的人说西班牙语，就像巴塞罗那的人一样，但是两个城市使用的方言之间有很大的不同。</font
              ><font style="vertical-align: inherit"
                >使用不同Markdown应用程序的人也是如此。</font
              ><font style="vertical-align: inherit">使用</font></font
            ><a href="../tools/dillinger/index.html"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">Dillinger</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >与Markdown写作与使用</font
              ></font
            ><a href="../tools/ulysses/index.html"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">Ulysses</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">有着截然不同的经历</font
              ><font style="vertical-align: inherit">。</font></font
            >
          </p>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >实际上，这意味着当他们说支持“
                Markdown”时，您永远不会确切知道公司的意思。他们是在谈论</font
              ></font
            ><a href="../basic-syntax/index.html"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">基本语法元素</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">，还是所有</font
              ><a href="../basic-syntax/index.html"
                ><font style="vertical-align: inherit">基本语法</font></a
              ><font style="vertical-align: inherit">和</font></font
            ><a href="../extended-syntax/index.html"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >扩展语法元素的</font
                ></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >组合，还是语法元素的任意组合？</font
              ><font style="vertical-align: inherit"
                >在阅读文档或开始使用该应用程序之前，您不知道。</font
              ></font
            >
          </p>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >如果您刚刚起步，我能给您的最好建议是选择一个具有良好Markdown支持的Markdown应用程序。</font
              ><font style="vertical-align: inherit"
                >这将对维持Markdown文件的可移植性大有帮助。</font
              ><font style="vertical-align: inherit"
                >您可能想要在其他应用程序中存储和使用Markdown文件，并且为此需要从提供良好支持的应用程序开始。</font
              ><font style="vertical-align: inherit">您可以使用</font></font
            ><a href="../tools/index.html"
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">工具目录</font></font
              ></a
            ><font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >查找适合该账单的应用程序。</font
              ></font
            >
          </p>

          <h2 id="additional-resources">
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit">其他资源</font></font
            ><a
              class="anchorjs-link"
              aria-label="锚"
              data-anchorjs-icon=""
              href="#additional-resources"
              style="font: 1em/1 anchorjs-icons; padding-left: 0.375em"
            ></a>
          </h2>

          <p>
            <font style="vertical-align: inherit"
              ><font style="vertical-align: inherit"
                >您可以使用很多资源来学习Markdown。</font
              ><font style="vertical-align: inherit"
                >以下是一些其他介绍性资源：</font
              ></font
            >
          </p>

          <ul>
            <li>
              <a href="https://daringfireball.net/projects/markdown/"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >John Gruber的Markdown文档</font
                  ></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">。</font
                ><font style="vertical-align: inherit"
                  >Markdown的创建者编写的原始指南。</font
                ></font
              >
            </li>
            <li>
              <a href="https://www.markdowntutorial.com/"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >MarkDown教程</font
                  ></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">。</font
                ><font style="vertical-align: inherit"
                  >一个开放源代码的网站，允许您在Web浏览器中尝试Markdown。</font
                ></font
              >
            </li>
            <li>
              <a href="https://github.com/mundimark/awesome-markdown"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >很棒的Markdown</font
                  ></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">。</font
                ><font style="vertical-align: inherit"
                  >Markdown工具和学习资源列表。</font
                ></font
              >
            </li>
            <li>
              <a
                href="https://dave.autonoma.ca/blog/2019/05/22/typesetting-markdown-part-1"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit"
                    >排版Markdown</font
                  ></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">。</font
                ><font style="vertical-align: inherit"
                  >一个由多个部分组成的系列，介绍了使用</font
                ></font
              ><a href="https://pandoc.org/"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">pandoc</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit">和</font></font
              ><a href="https://www.contextgarden.net/"
                ><font style="vertical-align: inherit"
                  ><font style="vertical-align: inherit">ConTeXt</font></font
                ></a
              ><font style="vertical-align: inherit"
                ><font style="vertical-align: inherit"
                  >对Markdown文档进行排版的生态系统</font
                ><font style="vertical-align: inherit">。</font></font
              >
            </li>
          </ul>
        </div>
        <div class="col-md-3 d-none d-md-block" id="sidebar">
          <nav
            id="toc"
            data-toggle="toc"
            class="sticky-top"
            style="z-index: 1"
          ></nav>
        </div>
      </div>
    </div>

    <footer class="site-footer">
      <div class="container">
        <p style="font-size: 14px; font-weight: 600">
          <a href="../about">About</a>&nbsp;&nbsp;&nbsp;&nbsp;
          <!--a href="../api/v1">API</a-->&nbsp;&nbsp;&nbsp;&nbsp;
          <a href="../contact">Contact</a>&nbsp;&nbsp;&nbsp;&nbsp;
          <!---a href="#">GitHub</a-->&nbsp;&nbsp;&nbsp;&nbsp;
        </p>
        <p style="margin-top: 15px; font-size: 14px">
          &#169; 2023. A <a href="https://www.p2hp.com">全栈开发网</a> project.
          <a
            rel="license"
            href="https://creativecommons.org/licenses/by-sa/4.0/"
            >CC BY-SA 4.0</a
          >.
        </p>
      </div>
    </footer>
    <script
      type="text/javascript"
      src="https://d33wubrfki0l68.cloudfront.net/js/c27f050a3dd251cfb00e5ada554b1c3412765a6d/assets/javascript/anchor.min.js"
    ></script>
    <script>
      anchors.options = {
        placement: "right",
      };
      anchors.add("h1, h2, h3, h4, h5").remove(".no-anchor");
    </script>

    <!-- for search -->
    <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
    <script>
      docsearch({
        apiKey: "0125ba824e95b21d36ae268518067391",
        indexName: "markdownguide",
        inputSelector: "#search-input",
        debug: false, // Set debug to true if you want to inspect the dropdown
      });
    </script>
  </body>
</html>
